<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="user-scalable=yes">
    <title>学生管理</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

    <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico"/>
<!--    <link rel="stylesheet" href="/manageSystem/layui/css/layui.css" media="all">-->
    <link rel="stylesheet" href="/manageSystem/css/common.css">

    <link rel="stylesheet" href="/manageSystem/layui/extend/dtree.css">
    <link rel="stylesheet" href="/manageSystem/layui/extend/font/dtreefont.css">

    <link rel="stylesheet" href="https://www.layuicdn.com/layui/css/layui.css" media="all">
    <script src="https://www.layuicdn.com/layui/layui.js" charset="utf-8"></script>

    <!-- 图标 -->
    <!--    <link rel="stylesheet" href="../../static/CaoMei/style.css">-->
    <style>
        .myadmin-body {
            margin: 40px 3px;
        }

        .layui-form-label {
            width: 100px;
        }

    </style>
</head>

<body>
<!--选择班级-->
<div class="layui-header" style=" top: 1vh;">
    <div class="layui-fluid ew-console-wrapper">
        <!--班级-->
        <button class="layui-btn" id="className" style="margin-top: 2vh; margin-left: 10vw">
            <span>请选择班级</span>
            <i class="layui-icon layui-icon-down layui-font-12"></i>
        </button>
    </div>
</div>
<!--选择之后显示-->
<div class="layui-body" style="width:96vw;left: 2vw; top: 2vh;" hidden>
    <!--<div class="yadmin-body animated fadeIn">-->
    <div class="myadmin-body">
        <!--顶部-->
        <!--
        <form class="layui-form yadmin-search-area input">
            <div class="layui-form-item">
                <div class="layui-inline">
                    <label for="studentId" class="layui-form-label">学号</label>
                    <div class="layui-input-inline">
                        <input type="text" name="studentId" autocomplete="off"
                               id="studentId" class="layui-input">
                    </div>

                    <label for="iDCard" class="layui-form-label">身份证号</label>
                    <div class="layui-input-inline">
                        <input type="text" name="iDCard" autocomplete="off"
                               id="iDCard" class="layui-input">
                    </div>

                    <label for="deptTree" class="layui-form-label">入学类型</label>
                    <div class="layui-input-inline">

                        <ul id="deptTree" class="dtree" data-id="0" data-value="请选择"></ul>
                        <input type="hidden" id="admissionType" name="admissionType">
                    </div>

                    <label for="studyType" class="layui-form-label">就读状态</label>
                    <div class="layui-input-inline">
                        <select name="studyType" id="studyType">
                            <option value="">请选择</option>
                            <option value="1">全日制</option>
                            <option value="0">非全日制</option>
                        </select>
                    </div>

                    <button lay-submit="" lay-filter="search" class="layui-btn layui-btn-sm layui-btn-primary table-action">
                        <i class="layui-icon layui-icon-search"></i>
                    </button>
                </div>
            </div>
        </form>-->
        <!--    <div class="demoTable">-->
        <div class="form-search">
            学号
            <div class="layui-inline">
                <input class="layui-input" name="studentId" id="studentId" autocomplete="off">
            </div>
            身份证号
            <div class="layui-inline">
                <input class="layui-input" name="idCard" id="idCard" autocomplete="off">
            </div>
            <div  hidden>
            入学类型
            <div class="layui-inline">
                <!--            <input class="layui-input" name="iDCard" id="iDCard" autocomplete="off">-->
                <ul id="deptTree" class="dtree" data-id="0" data-value="请选择"></ul>
                <input type="hidden" id="admissionType" name="admissionType">
            </div>
            </div>
            <!--就读状态
            <div class="layui-inline">
                <ul id="deptTree1" class="dtree" data-id="0" data-value="请选择"></ul>
                <input type="hidden" id="studyType" name="studyType">
                &lt;!&ndash;
                    <option value="1">全日制</option>
                    <option value="0">非全日制</option>
                &ndash;&gt;
            </div>-->
            <!--        <button lay-submit="" lay-filter="search" class="layui-btn layui-btn-sm layui-btn-primary">-->
            <!--        点击后，重载表格。-->
            <button lay-submit="" data-type="reload" class="layui-btn layui-btn-sm layui-btn-primary">
                <i class="layui-icon layui-icon-search"></i>全局搜索
            </button>
        </div>
        <!--搜索ID：
        <div class="layui-inline">
            <input class="layui-input" name="id" id="demoReload" autocomplete="off">
        </div>
        <button class="layui-btn" data-type="reload"><i class="layui-icon layui-icon-search"></i>搜索</button>-->
    </div>

    <!--表格的标记-->
    <table class="layui-hide" id="user-table"></table>
    <!--下面一空行是动态写入的表格-->
</div>
</div>
<!--新增按钮-->
<script type="text/html" id="toolbar">
    <button type="button" id="add-user" class="layui-btn layui-btn-xs layui-btn-normal" lay-event="add"
            style="float: left">
        <i class="layui-icon layui-icon-addition"></i>
        新增
    </button>
    <!--    <span id="user-text" style="color: #F04949;font-size: 5px;float: right" onload="">注：排序只在可显示的数据中进行排序</span>-->
</script>

<!--编辑和删除按钮-->
<script type="text/html" id="column-toolbar">

    <button type="button" class="layui-btn layui-btn-normal layui-btn-xs edit" lay-event="edit">
        <i class="layui-icon layui-icon-edit" title="编辑"></i>
        编辑
    </button>

    <button type="button" class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">
        <i class="layui-icon layui-icon-delete" title="删除"></i>
        删除
    </button>


</script>

<!--锁定按钮-->
<script type="text/html" id="studyTypeTpl">
    <input type="checkbox" name="studyType" value="{{d.userId}}" lay-skin="switch" lay-text="正常|锁定"
           lay-filter="studyType" {{ d.studyType== '1' ? 'checked' : '' }}>
</script>

<script src="/manageSystem/js/jquery.js"></script>
<!--<script src="/manageSystem/layui/layui.js" charset="utf-8"></script>-->
<script src="/manageSystem/js/common.js"></script>
<!--服务器路径配置-->
<script src="/js/myWebConfig.js"></script>
<script>
    $.ajaxSettings.async = true;   //恢复异步执行
</script>

<!--优化字体在屏幕小于 500 的情况下出现遮挡的问题。-->
<script>

    // 页面字体的判断标识。
    // 是否第一次大于 500 ？
    let ones = 0

    // 初始判断当前页面，若大于 500 则显示提示。小于则不显示。
    function addText() {
        // function text(){
        //     alert("已经执行")
        // console.log("当前窗口的宽度：" + document.body.clientWidth)
        //
        if (document.body.clientWidth > 500) {
            // 如果是第一次。
            if (ones == 0) {
                $("#add-user").after("<span id=\"user-text\" style=\"color: #F04949;font-size: 5px;float: right\" onload=\"\">注：排序只在可显示的数据中进行排序</span>")
                ones++
            }
            // $("#user-text").attr("hidden","hidden")
        } else {
            ones = 0;
            $("#add-user").next().remove();
        }
    }

    addText()

    // 当页面改变时，会自动调用该函数。注意，function 是必须的，不写会不执行。
    window.onresize = function () {
        addText()
    }
</script>

<!--表格设置宽度。（取消响应式）-->
<!--<script>

    var bodyWidth = document.getElementsByTagName("body")
    var userTableWidth = document.body.clientWidth

    function userTableWidthFun() {
        alert("屏幕加载完成")
        if (document.body.clientWidth < 1000) {
            userTableWidth = document.body.clientWidth * 2
            // 数据库回传的信息
            layui.use("layer", function () {
                // 提示显示错误信息。
                layer.msg("当前屏幕过小，页面显示可能会不完全", {icon: 0});
            })
        }else {
            userTableWidth = document.body.clientWidth - 100
        }
    }
    userTableWidthFun()


    window.onresize = userTableWidthFun()
    // window.onresize = function () {
    //     console.log("页面宽度改变了")
    // }



    // var bodyWidth = document.getElementsByTagName("body")
    // var userTableWidth
    // console.log("bodyWidth")
    // console.log(bodyWidth)
    //
    // window.onresize = function(){
    //     console.log("屏幕可见宽度" + document.body.clientWidth)
    //     // var nav=doc("ulNavigate");
    //     if(document.body.clientWidth < 1000){
    //         userTableWidth = 1000
    //     }else{
    //         userTableWidth = document.body.clientWidth
    //     }
    // }
    //




    // var bodyWidth = document.getElementsByTagName("body")
    // var userTableWidth = document.body.clientWidth
    //
    // if (document.body.clientWidth < 1000) {
    //     userTableWidth = document.body.clientWidth * 2
    // }
</script>-->

<!---->
<script>
    // 选择的班级。
    // var selectClass = ''
    function initStudentList(selectClass){
        layui.config({
            // base: '/layui/extend/'      // 你存放新模块的目录，注意，不是 layui 的模块目录
            base: '/manageSystem/layui/extend/'      // 你存放新模块的目录，注意，不是 layui 的模块目录
        })

            /**
             * 加载模块
             * 方法：layui.use([mods], callback)
             *      参数 mods：如果填写，必须是一个 layui 合法的模块名（不能包含目录）。
             *              从 layui 2.6 开始，若 mods 不填，只传一个 callback 参数，则表示引用所有内置模块。
             *      参数 callback：即为模块加载完毕的回调函数。
             *              从 layui 2.6 开始，该回调会在 html 文档加载完毕后再执行，确保你的代码在任何地方都能对元素进行操作
             *
             */
            .use(['table', 'element', 'form', 'dtree'/*'tablePlug',*/], function () {
                // 表格
                var table = layui.table;
                //分页
                var laypage = layui.laypage;
                var $ = layui.$;
                var form = layui.form;
                // dtree 树形组件。layui 第三方组件平台。
                // 核心功能：异步加载、数据格式自定义、复选框、菜单栏、工具栏、iframe加载、下拉树、定制化换肤。
                var dtree = layui.dtree;
                // var tablePlug = layui.tablePlug;

                // 不知道干啥用的。
                // tablePlug.smartReload.enable(true);

                /**数据列表【小缺点】。【点击奇数次是 选中，偶数次是 取消】*/
                // 从服务器获取 入学类型  分类信息。
                /*dtree.renderSelect({
                    elem: "#deptTree",
                    // 获取数据的部分
                    // 获取部门分类信息。
                    // url: "/data/dept/tree.json",
                    // 获取入学类型信息。
                    // url: "http://localhost:8080/getAdmissionType",
                    url: webUrl + studentsDataPrefix + "/getAdmissionType",
                    dataStyle: "layuiStyle",    //使用layui风格的数据格式
                    width: "100%",
                    method: "GET",
                    // dot: false,
                    // accordion: true,
                    dot: true,
                    // menubar: true,  //开启菜单栏
                    // defaultRequest:{}, // 自定义默认参数的键配置在此
                    // 这里指定了返回的数据格式，组件会根据这些值来替换返回JSON中的指定格式，从而读取信息.
                    response: {
                        statusCode: 0,
                        message: "msg",
                        treeId: "id",
                        parentId: "parentId",
                        title: "name"
                    }
                });*/

                // 从服务器获取 就读状态  分类信息。
                // dtree.renderSelect({
                //     elem: "#deptTree1",
                //     // 获取数据的部分
                //     // 获取部门分类信息。
                //     // url: "/data/dept/tree.json",
                //     // 获取入学类型信息。
                //     // url: "http://localhost:8080/getStudyType",
                //     url: webUrl + studentsDataPrefix+"/getStudyType",
                //     dataStyle: "layuiStyle",    //使用layui风格的数据格式
                //     width: "100%",
                //     method: "GET",
                //     // dot: false,
                //     dot: true,
                //     // menubar: true,  //开启菜单栏
                //     // // defaultRequest:{}, // 自定义默认参数的键配置在此
                //     // // 这里指定了返回的数据格式，组件会根据这些值来替换返回JSON中的指定格式，从而读取信息.
                //     response: {
                //         statusCode: 0,
                //         message: "msg",
                //         treeId: "id",
                //         parentId: "parentId",
                //         title: "name"
                //     }
                // });

                // 绑定节点点击。状态节点。admissionType & studyType
                dtree.on("node('deptTree')", function (obj) {
                    var typeDom = layui.$('#admissionType');
                    console.log("deptTree的值")
                    console.log(deptTree)
                    console.log(typeDom.val(), obj.param.nodeId);
                    console.log(typeDom.val() === obj.param.nodeId);
                    if (typeDom.val() === obj.param.nodeId) {
                        typeDom.val('');
                        layui.$("input[admission-type='deptTree']").val('请选择');
                    } else {
                        typeDom.val(obj.param.nodeId)
                    }
                });

                // 数据列表中的核心数据请求。
                // 初始化树
                // 表格数据函数【有表格数据，表格信息数据】
                // 备注：table.render()方法返回一个对象：var tableIns = table.render(options)，可用于对当前表格进行“重载”等操作.
                table.render({
                    id: 'testReload',   // 用于重载表单。
                    elem: '#user-table',    //指定原始表格元素选择器（推荐id选择器）。在指定id后面添加一个动态表格
                    // 表格行数据来源
                    // 表格数据。【从服务器获取信息,】
                    // 包含的数据信息，有 表格信息，和总记录条数。
                    // url: '/data/user/list.json',    // 数据接口
                    // 获取学生信息接口
                    url: webUrl + studentsDataPrefix + "/studentInfoList/"+selectClass+"/100",
                    toolbar: '#toolbar',    // 点击“新增”会弹出来的动态页面。
                    page: true, //开启分页
                    // limit: 10,  // 一页显示的行数.优先级低于 page 参数中的 limit 参数.
                    // limits: [10,20,30,40,50],   // 每页条数的选择项.优先级低于 page 参数中的 limits 参数.
                    // smartReloadModel: true,
                    loading: true,  // 显示加载
                    // 表头
                    /*
                    cols: [ //表头
                        [
                            {type:'checkbox'},
                            {type: 'numbers', title: '序号', width: 60},
                            {field: 'userId', title: 'ID', hide: true},
                            {field: 'username', title: '用户名', minWidth: 160},
                            {field: 'deptName', title: '部门', minWidth: 160},
                            {field: 'email', title: '邮箱', minWidth: 160},
                            {field: 'createTime', title: '创建时间', align: 'center', width: 180},
                            {field: 'lastLoginTime', title: '最后登陆时间',align: 'center', width: 180},
                            {field: 'status', title: '状态', align: 'center', templet: "#statusTpl", width: 100},
                            {title: '操作', fixed: 'right', align: 'center', toolbar: '#column-toolbar'}
                        ]
                    ],
                    */
                    cols: [ //表头
                        [
                            // {type: 'checkbox'},
                            {type: 'numbers', title: '序号', width: 60},

                            // {field: 'id', title: 'id号', align: 'center', hide: true},
                            {field: 'studentId', title: '学号', align: 'center', minWidth: 150, sort: true},
                            {field: 'studentName', title: '姓名', align: 'center', minWidth: 100},
                            {field: 'idCard', title: '身份证', align: 'center', minWidth: 200, sort: true},
                            {field: 'className', title: '班级', align: 'center', minWidth: 200, sort: true},
                            {field: 'gender', title: '性别', align: 'center', width: 100, sort: true},
                            {field: 'admissionDate', title: '入学时间', align: 'center', width: 180},
                            {field: 'admissionType', title: '入学类型', align: 'center', width: 120, sort: true},
                            // {field: 'studyType',     title: '就读类型',     align: 'center',         templet: "#statusTpl", width: 100},
                            {field: 'studyType', title: '就读类型', align: 'center', width: 120, sort: true},
                            {field: 'studyYear', title: '就读年限', align: 'center', width: 120},
                            {field: 'educationDegree', title: '最高学历', align: 'center', width: 120, sort: true},
                            {field: 'politicalStatus', title: '政治面貌', align: 'center', width: 120, sort: true},
                            {field: 'address', title: '家庭地址', align: 'center', width: 400},
                            {title: '操作', align: 'center', toolbar: '#column-toolbar', width: 200}
                        ]
                    ],
                    // 解决 limit 失效问题。
                    // 对回调的信息进行处理。
                    parseData: function (res) { //将原始数据解析成 table 组件所规定的数据，res为从url中get到的数据
                        // console.log("表格回调函数：")
                        // console.log(res)
                        // console.log("长度：" + res.data.length)
                        for (let i = 0; i < res.data.length; i++) {
                            // console.log("性别：" + res.data[i].gender)
                            // if (res.data[i].gender === 1){
                            //     res.data[i].gender = '男'
                            // }else {
                            //     res.data[i].gender = '女'
                            // }
                            res.data[i].gender === 1 ?
                                res.data[i].gender = '男' :
                                res.data[i].gender = '女';
                        }
                        var result;
                        // console.log("当前对象");
                        // console.log(this);
                        // console.log("res转json的值")
                        // console.log(JSON.stringify(res));
                        // console.log("res的值")
                        // console.log(res)
                        if (this.page.curr) {
                            result = res.data.slice(this.limit * (this.page.curr - 1), this.limit * this.page.curr);
                        } else {
                            result = res.data.slice(0, this.limit);
                        }
                        return {
                            "code": res.code,       //解析接口状态
                            "msg": res.msg,         //解析提示文本
                            "count": res.count,     //解析数据长度
                            "data": result          //解析数据列表
                        };
                    }
                });

                /*// 账号状态(正常/锁定)点击事件
                form.on('switch(studyType)', function (data) {
                    if (data.elem.checked) {
                        // 发送 ajax 请求。
                        parent.layer.msg("激活成功", {icon: 6});
                    } else {
                        // 发送 ajax 请求。
                        parent.layer.msg("禁用成功", {icon: 6});
                    }
                });*/

                // 工具条点击事件
                // 点击“新添”按钮时会出现的页面。 --- 缺 ajax 请求。
                table.on('toolbar', function (obj) {
                    var data = obj.data;
                    var event = obj.event;

                    if (event === 'add') {

                        // 如果屏幕宽度 < 500.则全屏展示。
                        if (document.body.clientWidth < 680) {
                            // alert("当前屏幕宽度" + document.body.clientWidth)
                            layer.open({
                                // 点击"新添"。
                                // content: "/view/user/user-add11.html",
                                content: "/manageSystem/view/user/user-add.html",
                                title: "新增学生",
                                area: ['100%', '100%'], //宽高
                                type: 2,
                                // maxmin: true,
                                // shadeClose: true    //屏蔽浏览器滚动条
                                // shadeClose: false    //屏蔽浏览器滚动条
                            });
                        } else if (document.body.clientWidth < 1000){
                            layer.open({
                                // 点击"新添"。
                                // content: "/view/user/user-add11.html",
                                content: "/manageSystem/view/user/user-add.html",
                                title: "新增学生",
                                area: ['70%', '85%'], //宽高
                                type: 2,
                                maxmin: true,
                                shadeClose: true    //屏蔽浏览器滚动条
                                // shadeClose: false    //屏蔽浏览器滚动条
                            });
                        }else {
                            layer.open({
                                // 点击"新添"。
                                // content: "/view/user/user-add11.html",
                                content: "/manageSystem/view/user/user-add.html",
                                title: "新增学生",
                                area: ['40%', '85%'], //宽高
                                type: 2,
                                maxmin: true,
                                shadeClose: true    //屏蔽浏览器滚动条
                                // shadeClose: false    //屏蔽浏览器滚动条
                            });
                        }
                    }
                });

                // 行点击事件 删除事件【编辑事件】 -- 删除请求用的 ajax 请求。
                table.on('tool', function (obj) {
                    var data = obj.data;
                    var event = obj.event;
                    // 修改
                    if (event === 'edit') {
                        edit(data);
                    } else if (event === 'del') {
                        // console.log("obj的值")
                        // console.log(obj)
                        layer.confirm("确定删除 【" + data.studentId + " ：" + data.studentName + "】 学生吗?", {
                                icon: 3,
                                title: '提示'
                            },
                            function (index) {
                                // 向服务器 发送删除的指令。
                                // ajax 请求。
                                // delete data.username。
                                $.ajax({
                                    // url:"http://localhost:8080/deleteStudentInfo/" + 3,
                                    // url: webUrl +studentsDataPrefix+ "/deleteStudentInfo/" + 3,
                                    url: webUrl + studentsDataPrefix + "/deleteStudentInfo/" + data.studentId,
                                    type: "DELETE",
                                    contentType: "application/json",//设置请求参数类型为json字符串
                                    data: {_method: "DELETE"},//将json对象转换成json字符串发送
                                    dataType: "json",
                                    success: function (result) {
                                        // alert(result)
                                        // console.log("删除请求回传结果！")
                                        // console.log(result)
                                        // console.log(result.data.msg)
                                        obj.del();
                                        layer.close(index);
                                        parent.layer.msg("删除成功", {icon: 6});
                                        // 自动 刷新页面
                                        // $(".form-search .layui-btn").trigger("click")
                                        //执行重载
                                        table.reload('testReload', {
                                            page: {
                                                curr: 1 //重新从第 1 页开始
                                            },
                                            // 页面重载带的数据
                                            where: {
                                            }
                                        });
                                        // 清空数据部分
                                        // console.log("删除成功 --》 数据：" + $("#studentId").val())
                                        $("#studentId").val("")
                                        $("#idCard").val("")
                                    }

                                });

                            }, function (index) {
                                layer.close(index);
                            }
                        );
                    }
                });

                // 编辑用户信息。
                function edit(data) {
                    console.log("data：")
                    console.log(data.studentId) // 学号信息。
                    var obj = {
                        studentId: data.studentId,
                    }
                    // 存储
                    // 把信息存储到 sessionStorage 中。
                    window.sessionStorage.setItem("studentInfo", JSON.stringify(obj));// 必须先把对象转为string。否则再次转 object 会报错。
                    // 如果屏幕宽度 < 500.则全屏展示。
                    if (document.body.clientWidth < 680) {
                        layer.open({
                            // content: '/manageSystem/studentInfoPage/' + 15112542555,
                            content: "/manageSystem/view/user/user-update.html",
                            title: "编辑",
                            area: ['100%', '100%'],
                            type: 2,
                            maxmin: true,
                            shadeClose: true,
                            end: function () {
                                table.reload('testReload');
                            }
                        });
                    }else if (document.body.clientWidth < 1000){
                        layer.open({
                            // content: '/manageSystem/studentInfoPage/' + 15112542555,
                            content: "/manageSystem/view/user/user-update.html",
                            title: "编辑",
                            area: ['70%', '85%'],
                            type: 2,
                            maxmin: true,
                            shadeClose: true,
                            end: function () {
                                table.reload('testReload');
                            }
                        });
                    }else {
                        layer.open({
                            // content: '/manageSystem/studentInfoPage/' + 15112542555,
                            content: "/manageSystem/view/user/user-update.html",
                            title: "编辑",
                            area: ['40%', '85%'],
                            type: 2,
                            maxmin: true,
                            shadeClose: true,
                            end: function () {
                                table.reload('testReload');
                            }
                        });
                    }
                }

                // 行点击事件 搜索按钮事件
                /*form.on('submit(search)', function (form) {
                    // console.log("form的值")
                    // console.log(form)
                    // console.log(form.field.studentId)   // 学号
                    // console.log(form.field.iDCard)      // 身份证号
                    // console.log(form.field.admissionType)  // 入学类型
                    // console.log(form.field.studyType)      // 就读状态
                    //
                    // console.log("table的值")
                    // console.log(table)
                    // console.log(JSON.stringify(table.cache));
                    // console.log(JSON.stringify(table.cache.user-table[0].admissionType));
                    // 显示
                    // 表格重载。会重新加载表数据.
                    // 解决办法，重新使用该表。
                    // table.render({
                    //     elem: '#user-table',    //指定原始表格元素选择器（推荐id选择器）。在指定id后面添加一个动态表格
                    //     // 表格行数据来源
                    //     // 表格数据。【从服务器获取信息,】
                    //     // 包含的数据信息，有 表格信息，和总记录条数。
                    //     // url: '/data/user/list.json',    // 数据接口
                    //     // url: "http://localhost:8080/studentInfoList",
                    //     url: webUrl + "/studentInfoList",
                    //     toolbar: '#toolbar',    // 点击“新增”会弹出来的动态页面。
                    //     page: true, //开启分页
                    //     method: "POST",
                    //     // method: "GET",
                    //     // 指定请求路径时要传递的参数。
                    //     where: {
                    //         studentId: $("#studentId").val(),
                    //         iDCard: $("#iDCard").val(),
                    //         admissionType: $("#admissionType").val(),
                    //         studyType: $("#studyType").val(),
                    //     },
                    //
                    //     // limit: 10,  // 一页显示的行数.优先级低于 page 参数中的 limit 参数.
                    //     // limits: [10,20,30,40,50],   // 每页条数的选择项.优先级低于 page 参数中的 limits 参数.
                    //     // count: 100, // 从服务端得到
                    //     // curr: 1,    // 当前页
                    //     // smartReloadModel: true,
                    //     // 显示表格的宽度
                    //     width: userTableWidth,
                    //     loading: true,  // 显示加载
                    //     // 表头
                    //     cols: [ //表头
                    //         [
                    //             {type: 'checkbox'},
                    //             {type: 'numbers', title: '序号', width: 60},
                    //
                    //             {field: 'id', title: 'id号', align: 'center', hide: true},
                    //             {field: 'studentId', title: '学号', align: 'center', minWidth: 150, sort: true},
                    //             {field: 'studentName', title: '姓名', align: 'center', minWidth: 100},
                    //             {field: 'iDCard', title: '身份证', align: 'center', minWidth: 200, sort: true},
                    //             {field: 'age', title: '年龄', align: 'center', minWidth: 100, sort: true},
                    //             {field: 'gender', title: '性别', align: 'center', width: 100, sort: true},
                    //             {field: 'admissionDate', title: '入学时间', align: 'center', width: 180},
                    //             {field: 'admissionType', title: '入学类型', align: 'center', width: 120, sort: true},
                    //             // {field: 'studyType',     title: '就读类型',     align: 'center',         templet: "#statusTpl", width: 100},
                    //             {field: 'studyType', title: '就读类型', align: 'center', width: 120, sort: true},
                    //             // {field: 'studyType',     title: '就读类型',     align: 'center',         width: 100},
                    //             {field: 'studyYear', title: '就读年限', align: 'center', width: 120},
                    //             {field: 'educationDegree', title: '最高学历', align: 'center', width: 120, sort: true},
                    //             {field: 'politicalStatus', title: '政治面貌', align: 'center', width: 120, sort: true},
                    //             {field: 'address', title: '家庭地址', align: 'center', width: 300},
                    //             {title: '操作', align: 'center', toolbar: '#column-toolbar', width: 200}
                    //         ]
                    //     ],
                    //     // 解决 limit 失效问题。
                    //     parseData: function (res) { //将原始数据解析成 table 组件所规定的数据，res为从url中get到的数据
                    //         var result;
                    //         if (this.page.curr) {
                    //             result = res.data.slice(this.limit * (this.page.curr - 1), this.limit * this.page.curr);
                    //         } else {
                    //             result = res.data.slice(0, this.limit);
                    //         }
                    //         return {
                    //             "code": res.code,       //解析接口状态
                    //             "msg": res.msg,         //解析提示文本
                    //             "count": res.count,     //解析数据长度
                    //             "data": result          //解析数据列表
                    //         };
                    //     }
                    // });
                    return false;
                });*/

                // var $ = layui.$,


                // 重载前置条件。
                var active = {
                    reload: function () {
                        var demoReload = $('#demoReload');

                        //执行重载
                        table.reload('testReload', {
                            page: {
                                curr: 1 //重新从第 1 页开始
                            },
                            // 页面重载带的数据
                            where: {
                                studentId: $("#studentId").val().trim(),    /*学号。并去除首位空格*/
                                idCard: $("#idCard").val().trim(),          /*身份证号。并去除首位空格*/
                                admissionType: $("#admissionType").val(),
                                // studyType: $("#studyType").val(),
                            }
                        });
                    }
                };

                // 点击 全局搜索 按钮时，进行表格重载。
                $('.form-search .layui-btn').on('click', function () {
                    // $('.layui-inline button').on('click', function () {
                    var type = $(this).data('type');
                    // console.log("type的值")
                    // console.log(type)
                    active[type] ? active[type].call(this) : '';    // 是 reload 则重载。
                });
                /*            // 鼠标移入元素范围内触发，该事件不冒泡，即鼠标移到其后代元素上时不会触发。
                            $("#test01").on("mouseleave", function () {
                                console.log("鼠标移出")
                            })
                            // 鼠标在元素内部移到时不断触发。不能通过键盘触发。
                            // $("#test01").on("mousemove",function () {
                            //     console.log("鼠标进入")
                            // })
                            //
                            $("#test01").on("mouseenter", function () {
                                console.log("鼠标进入")
                            })*/
            });
    }
</script>
<!--选择班级-->
<script>


    window.onload = function (){
    }

    layui.use('dropdown', function() {
        var dropdown = layui.dropdown

        //选择班级
        dropdown.render({
            elem: '#className' //可绑定在任意元素中，此处以上述按钮为例
            , data: JSON.parse(window.sessionStorage.getItem("collegeInfo"))    // 在下拉列表中展示 学院信息。
            /*, data: [{
                title: '人工智能学院'
                , id: 24
                /!*子菜单*!/
                , child: [{
                    title: '物联网应用技术'
                    , id: '01'
                    /!*子菜单*!/
                    , child: [{
                        title: '2019'
                        , id: 19
                        /!*子菜单*!/
                        , child: [{
                            title: '2019级物联网应用技术A班'
                            , id: '24190101'
                        }, {
                            title: '2019级物联网应用技术B班'
                            , id: '24190102'
                        }, {
                            title: '2019级物联网应用技术C班'
                            , id: '24190103'
                        }]
                    }, {
                        title: '2020'
                        , id: 20
                        /!*子菜单*!/
                        , child: [{
                            title: '2020级物联网应用技术A班'
                            , id: '24200101'
                        }, {
                            title: '2020级物联网应用技术B班'
                            , id: '24200102'
                        }, {
                            title: '2020级物联网应用技术C班'
                            , id: '24200103'
                        }]
                    }, {
                        title: '2021'
                        , id: 21
                        /!*子菜单*!/
                        , child: [{
                            title: '2021级物联网应用技术A班'
                            , id: '24210101'
                        }, {
                            title: '2021级物联网应用技术B班'
                            , id: '24210102'
                        }, {
                            title: '2021级物联网应用技术C班'
                            , id: '24210103'
                        }]
                    }]
                }, {
                    title: '电子信息技术'
                    , id: 52
                }]
            }]*/
            , id: 'className'
            //菜单被点击的事件
            , click: function (obj) {
                console.log("user-list：页面被点击");

                console.log(obj);
                console.log(obj.id);
                // selectClass = obj.id
                initStudentList(obj.id)

                // 设置数据
                window.sessionStorage.setItem("studentScoreInfo", obj.id );
                // 获取数据
                // let studentInfoData = window.sessionStorage.getItem("studentScoreInfo")
                // console.log("user-list点击了 ---- 获取班级编号")
                // console.log(studentInfoData)

                // 发送请求到服务器。获取当前对象的 id 并查询该 id 的所有公共课程。
                // 班级名称
                // console.log($("#className span").text() )
                $("#className span").text(obj.title)
                layer.open({
                    type: 3,
                    time: 2000
                })
                $(".layui-body").removeAttr("hidden")
                // 显示页面
                // initPage()
                /**通过 ajax 请求获取数据，并写入。*/
                // $.ajaxSettings.async = false;   //取消异步执行
                // // $.getJSON("http://localhost:8080/getStudentsInfo", function (data) {
                // $.getJSON(webUrl+studentsDataPrefix+"/getStudentsInfo", function (data) {
                //     studentsData = data
                // });
                // $.ajaxSettings.async = true;   //恢复异步执行

                // layer.msg('回调返回的参数已显示再控制台');
            }
        });
    });

</script>
</body>
</html>